<template>
    <div>
        <div class="banner">
            <img src="@/assets/img/products/banner_c@2x.png" alt="banner">
        </div>
        <el-row class="content">
            <el-row class="contentInner">
                <NavStitle :routes="routes" :links="links"/>
                <el-row class="routerView">
                    <router-view/>
                </el-row>
            </el-row>
        </el-row>
    </div>
</template>

<script>
import NavStitle from '@/components/navStitle';
    export default {
        components:{NavStitle},
        data(){
            return {
                links:['municipal','highRail','construction','bridge-tunnel','perfect-system']
            }
        },
        computed:{
            routes(){
                return this.$t("products.nav");
            }
        },
        mounted(){
        }
    }
</script>

<style lang="less" scoped>
.banner {
    height: 280px;
    background-color: pink;
    img {
        height: 280px;
        width: 100%;
    }
}
.content {
    margin-top: 37px;
    .contentInner {
        width:1280px;
        margin: 0 auto;
        .routerView {
            padding-top: 40px;
        }
    }
}
</style>